<template>
    <div>count的值为:{{count}}</div>
    <button @click="addCount">count+1</button>
    <button @click="addCountN(3,$event)">count+n</button>

</template>
<script setup>
import {ref} from 'vue'
const count=ref(1)
const addCount=event=>{
count.value++
if(count.value%2===0){
event.target.style.border='3px dotted'
}
else{
    event.target.style.border='3px solid'

}
}
const addCountN=(n,event)=>{
    count.value+=n
if(count.value%2===0){
event.target.style.border='3px dotted'
}
else{
    event.target.style.border='3px solid'

}
}
</script>
